<link rel="stylesheet" href="/css/login/login.css"/>
<div id="container">
    <div id="topnav" class="topnav">
        <ul id="menu"><li><a href="login" class="signin"><span>Sign in</span></a></li></ul>
    </div>
    <fieldset id="signin_menu">
        <div class="signin_menu_inner" >
            <label style="width: 100%" id="lblErrorWrongPwd">&nbsp;</label>
            <br/><br/>
             <form method="post" id="signin" >
            <label for="username">Email Address</label>
            <input id="txtuseremail" name="username" value="" title="Email" tabindex="4" type="text">
            <p>
                <label for="password">Password</label>
                <input id="txtpassword" name="password" value="" title="password" tabindex="5" type="password">
            </p>
            <p class="remember">
<!--        <input id="signin_submit" value="Sign in" tabindex="6" type="submit">-->
                <button id="signin_submit" style="height: 20px; font-size: 10px" onclick="return verifyCredentials($('#txtuseremail').val(), $('#txtpassword').val());">Sign In</button>
                <input  id="remember" name="remember_me" value="1" tabindex="7" type="checkbox">
                <label for="remember">Remember me</label>
            
            </p>
            <p class="forgot"> <a href="#" onclick="$('#tdErrorMessage').html(''); return showAsDialog(400,200, 100,400,true,'dlgResetPassword');" id="resend_password_link">Forgot your password?</a> </p>
             </form>
        </div>
    </fieldset>
</div>
<div id="boxes">
    <div id="dlgResetPassword" class="window ui-dialog ui-widget ui-widget-content ui-corner-all">
        <div  class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="width: 400px">
            <span class="ui-dialog-title" id="ui-dialog-title-observation-form-dialog">Forgot Password</span>
            <a onclick="javascript:$('.window').hide()" class="ui-dialog-titlebar-close ui-corner-all clickable" role="button">
                <span class="ui-icon ui-icon-closethick">close</span>
            </a>
        </div>
        <table cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td id="tdErrorMessage" colspan="2" align="center">&nbsp;</td>
            </tr>
            <tr>
                <td colspan="2" align="center"><span>To reset your password, type the full email address you use to sign in to your RBIS Account</span></td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td width="20%">
                    <span>Email:</span>
                </td>
                <td>
                    <input style="width: 90%" type="text" id="txtEmail" class="required"/>
                </td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td align="center">
                    
                </td>
                <td align="right">
                    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="lnkAddUser" onclick="$('#tdErrorMessage').html(''); return sendPasswordResetEmail($('#txtEmail').val(), '<?php echo url_for('login/resetPassword'); ?>');">
                        <span class="ui-button-text">Submit</span>
                    </button>
                    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only close">
                        <span class="ui-button-text">Cancel</span>
                    </button>
                </td>
            </tr>
        </table>
    </div>
</div>
<!--<button id="btnSignIn" style="height: 20px; font-size: 10px" onclick="return verifyCredentials($('#txtuseremail').val(), $('#txtpassword').val());">Sign In</button>-->